import 'antd/dist/antd.css'

import React, { Component } from 'react'
import { Drawer, Icon, Radio } from 'antd';

const RadioGroup = Radio.Group;

export default class DrawerUnit extends Component {
    state = { visible: false};

    showDrawer = () => {
        this.setState({
            visible: true,
        });
    };

    onClose = () => {
        this.setState({
            visible: false,
        });
    };

    render() {
        return (
            <div>
                <Icon type="menu" onClick={this.showDrawer}/>
                <Drawer
                    title="Basic Drawer"
                    placement="left"
                    closable={false}
                    onClose={this.onClose}
                    visible={this.state.visible}
                >
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                </Drawer>
            </div>
        );
    }
}